<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Gotoway</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/index.css">
</head>

<body>
    <!-- 头部区域 -->
    <div class="header-wrapper">
        <!-- 头部区域内容盒 -->
        <div class="header w clearfix">
            <!-- logo图片 -->
            <div class="logo fl">
                <a href="#">
                    <img src="./img/logo.jpg" alt="Gotoway" title="Gotoway">
                </a>
                <h1>Gotoway</h1>
            </div>

            <!-- 导航列表 -->
            <ul class="nav fr">
                <li>
                    <a href="#">案例作品</a>
                </li>
                <li>
                    <a href="#">网站建设</a>
                </li>
                <li>
                    <a href="#">整合营销</a>
                </li>
                <li>
                    <a href="#">新闻资讯</a>
                </li>
                <li>
                    <a href="#">关于我们</a>
                </li>
            </ul>
        </div>
    </div>

    <!-- 横幅区域 -->
    <div class="banner">
        <img src="./img/banner.jpg" alt="">
    </div>

    <!-- 内容部分 -->
    <div class="container-wrapper">
        <!-- 内容部分内容盒 -->
        <!-- 上部分 -->
        <div class="container w">
            <!-- 左边区域 -->
            <div class="left-box fl">
                <!-- services -->
                <img src="./img/services.jpg" alt="services">
                <!-- 介绍 -->
                <div class="intro">
                    <!-- 上 -->
                    <div class="sim clearfix">
                        <h3 class="fl">简约版套餐</h3>
                        <p class="cf">企业首选的网站建设方案，成本低，标准设计页面，以最简洁的形式反映企业简介、服务内容、产品信息和联系方式等；</p>
                    </div>

                    <!-- 下 -->
                    <div class="base">
                        <h3 class="fl">基础版套餐</h3>
                        <p class="cf">适合大中小型企业，强调网站风格与动画相结合，直观生动的页面面，体现，有力的提高企业形象，使客户进入网站一目了然，有效地吸引目标客户；</p>
                    </div>
                </div>
            </div>

            <!-- 右边区域 -->
            <div class="right-box fl">
                <!-- cases -->
                <img src="./img/cases.jpg" alt="cases">
                <!-- 三张图片 -->
                <div class="cases-img">
                    <img src="./img/img01.jpg" alt="">
                    <img src="./img/img02.jpg" alt="">
                    <img src="./img/img03.jpg" alt="">
                </div>
            </div>
        </div>

        <!-- 下部分 -->
        <div class="container2 w clearfix">
            <!-- 关于我们 -->
            <div class="aboutus fl clearfix">
                <!-- 小标题 -->
                <h2 class="h2">关于我们</h2>
                <!-- more+ -->
                <div class="more clearfix">
                    <a href="#" class="fr">MORE+</a>
                </div>
                <!-- 内容 -->
                <ul>
                    <li>寻众人之力，程细节之美</li>
                    <li>寻程(Gotoway)科技有限公司成立于上海</li>
                    <li>注册资金 500.00 万；以企业网站设计</li>
                </ul>
                <p>以企业网站设计、整合传看为核心，以企业网站为基础合理有效的向企业目标客户定向传播品牌信息满足客户获取信息、消毒等需求</p>
            </div>

            <!-- 新闻中心 -->
            <div class="news fl">
                <!-- 小标题 -->
                <h2 class="h2">新闻中心</h2>
                <!-- 设置左右框线的盒子 -->
                <div class="midbox">
                    <!-- more+ -->
                    <div class="more clearfix">
                        <a href="#" class="fr">MORE+</a>
                    </div>
                    <img src="./img/news.jpg" alt="">
                    <ul>
                        <li>
                            <a href="#">
                                最新优惠（7.14-7.30）签约寻程，即可获得...
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                + 网站云备份 &nbsp;&nbsp; + CDN网站全球加速
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                网站建设-部分功能参考页面制作
                            </a>
                        </li>
                    </ul>
                </div>
            </div>

            <!-- 优惠活动 -->
            <div class="discounts fr">
                <!-- 小标题 -->
                <h2 class="h2">优惠活动</h2>
                <!-- more+ -->
                <div class="more clearfix">
                    <a href="#" class="fr">MORE+</a>
                </div>
                <!-- 列表标题 -->
                <ul>
                    <li class="clearfix">
                        <a href="#">
                            【推荐】网站建设制作详细报价 &nbsp;&nbsp; + 定制网站
                        </a>
                        <span class="fr">09-28</span>
                    </li>
                    <li class="clearfix">
                        <a href="#">
                            &nbsp;&nbsp;我们胜任 ASP、ASP.net、PHP、JSP各种开发语言
                        </a>
                        <span class="fr">09-28</span>
                    </li>
                    <li class="clearfix">
                        <a href="#">
                            【推荐】企业网站建设制作流程...
                        </a>
                        <span class="fr">09-28</span>
                    </li>
                    <li class="clearfix">
                        <a href="#">
                            【优惠】整合营销、网站优化优惠活动进行中...
                        </a>
                        <span class="fr">09-28</span>
                    </li>
                    <li class="clearfix">
                        <a href="#">
                            &nbsp;&nbsp;即日起签约寻程，即可获得超值大礼
                        </a>
                        <span class="fr">09-28</span>
                    </li>
                    <li class="clearfix">
                        <a href="#">
                            【优惠】整合营销、网站优化优惠活动进行中
                        </a>
                        <span class="fr">09-28</span>
                    </li>
                </ul>
            </div>
        </div>

        <!-- 内容底部导航条 -->
        <div class="container-bottom w clearfix">
            <!-- 蓝色正方形 -->
            <div class="blue-box fl"></div>
            <!-- 底部导航条 -->
            <div class="container-nav fr clearfix">
                <div class="nav-box clearfix fl">
                    <div class="box-left fl">
                        <i class="iconfont icon-diannao"></i>
                        <span>网站建设</span>
                    </div>
                    <div class="box-right fl clearfix">
                        <span class="fl">开发 / 报价</span>
                        <span class="fl">我们的服务</span>
                    </div>
                </div>

                <div class="nav-box clearfix fl">
                    <div class="box-left fl">
                        <i class="iconfont icon-youxiang"></i>
                        <span>域名邮箱</span>
                    </div>
                    <div class="box-right fl clearfix">
                        <span class="fl">域名注册</span>
                        <span class="fl">豪华企业邮箱</span>
                    </div>
                </div>

                <div class="nav-box clearfix fl">
                    <div class="box-left fl">
                        <i class="iconfont icon-lianxiwomen"></i>
                        <span>联系我们</span>
                    </div>
                    <div class="box-right fl clearfix">
                        <span class="fl">QQ在线咨询</span>
                        <span class="fl">提交建站需求</span>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- 底部区域 -->
    <div class="footer-wrapper">
        <!-- 底部区域内容盒 -->
        <div class="footer w clearfix">
            <div class="footer-left fl">
                <!-- 导航列表 -->
                <ul class="clearfix">
                    <li>
                        <a href="#">首页</a>
                    </li>
                    <li>
                        <a href="#">案例</a>
                    </li>
                    <li>
                        <a href="#">关于</a>
                    </li>
                    <li>
                        <a href="#">服务</a>
                    </li>
                    <li>
                        <a href="#">营销</a>
                    </li>
                    <li>
                        <a href="#">联系</a>
                    </li>
                    <li>
                        <a href="#">新闻</a>
                    </li>
                </ul>

                <!-- 信息 -->
                <p>上海市天目西路290号1501-1505 (上海火车站旁)沪ICP备12024896号-1</p>
                <p>业务咨询: 8621-61555551/ 8621-31608860 / 400-855-2855转1</p>
                <p>售后服务: 8621-61525616/ 8621-31608850</p>
                <p>公司传真: 8621-31333224</p>
            </div>

            <!-- 免费热线 -->
            <div class="footer-right fr">
                <p>免费热线：</p>
                <p class="num">8621-61555551</p>
            </div>
        </div>

        <!-- 版权所有 -->
        <div class="last">
            版权所有
            <i class="iconfont icon-guanyu-banquansuoyou"></i>
            寻程网络科技有限公司
        </div>
    </div>
</body>

</html>